<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<form class="form-horizontal container" role="form">
    <div>
        <fieldset>

            <legend class="text-center text-primary">欢迎注册</legend>

            <div class="from-group col-sm-12">
                <label class="col-sm-2 control-label">用户昵称：</label>
                <div class="col-sm-4">
                    <input type="text" id="user-name" onblur="checkUsername('user-name')" class="form-control"
                           placeholder="输入用户名(一经注册，禁止修改)"><br>

                </div>
                <div>
                    <span id="sn" class="help-block col-sm-6"></span>
                </div>

            </div>

            <div class="from-group col-sm-12">
                <label class="col-sm-2 control-label">姓名：</label>
                <div class="col-sm-4">
                    <input type="text" id="u-name" onblur="checkNull('u-name','姓名不能为空')" class="form-control"
                           placeholder="请输入姓名"><br>
                </div>
                <div>
                    <span class="help-block col-sm-6"></span>
                </div>

            </div>

            <div class="from-group col-sm-12">
                <label class="col-sm-2 control-label">密码：</label>
                <div class="col-sm-4">
                    <input type="password" id="user-password" onblur="checkNull('user-password','密码不能为空')"
                           class="form-control"
                           placeholder="输入密码"><br>
                </div>
                <div>
                    <span class="help-block col-sm-6"></span>
                </div>

            </div>

            <div class="from-group col-sm-12">
                <label class="col-sm-2 control-label">性别：</label>
                <div class="col-sm-4">
                    <label class="radio-inline"><input type="radio" name="gender" class="radio" value="男"
                                                       checked="checked">男</label>
                    <label class="radio-inline"> <input type="radio" name="gender" class="radio" value="女">女</label><br><br>
                </div>
                <br>
            </div>

            <div class="from-group col-sm-12">
                <label class="col-sm-2 control-label">民族：</label>
                <div class="col-sm-4">
                    <select id="user-nation" name="user-nation" class="form-control">
                        <option value="汉族">汉族</option>
                        <option value="其他">其他</option>
                    </select><br>
                </div>
            </div>

            <div class="from-group col-sm-12">
                <label class="col-sm-2 control-label">手机号码：</label>
                <div class="col-sm-4">
                    <input type="text" id="phone" onblur="checkPhone('phone','手机号格式不正确')" class="form-control"
                           placeholder="请输入手机号"><br>
                </div>
                <div>
                    <span class="help-block col-sm-6"></span>
                </div>

            </div>


            <div class="from-group col-sm-12">
                <label class="col-sm-2 control-label">身份证号：</label>
                <div class="col-sm-4">
                    <input type="text" id="user-cardid" onblur="checkCardId('user-cardid','身份证号格式不正确')"
                           class="form-control"
                           placeholder="请输入您的身份证号"><br>
                </div>
                <div>
                    <span class="help-block col-sm-6"></span>
                </div>
            </div>

            <div class="from-group col-sm-12">
                <label class="col-sm-2 control-label">家庭住址：</label>
                <div class="col-sm-4">
                    <input type="text" id="user-addr" onblur="checkNull('user-addr','地址不能为空')" class="form-control"
                           placeholder="请输入您的家庭住址">
                    <br>
                </div>
                <div>
                    <span class="help-block col-sm-6"></span>
                </div>
            </div>

            <button type="button" class="btn btn-primary col-md-offset-3" id="submit">提交</button>
            <button type="reset" class="btn btn-danger col-md-offset-1">重置</button>
        </fieldset>
    </div>
</form>

<script type='text/javascript' src='../resources/js/jquery-3.2.1/jquery-3.2.1.js' charset='utf-8'></script>
<script type='text/javascript' src='../resources/js/user/useroperation.js' charset='utf-8'></script>
<script src="https://code.jquery.com/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>

</body>
</html>